import validate from 'wechat-validate'
Page({
  // 将插件注入到页面实例中
  behaviors: [validate],
  data: {
    // 控制是否显示倒计时
    countDownVisible: false,
    // 手机号
    mobile: '18887454555',
    // 验证码
    code: '',
  },
  rules: {
    mobile: [
      { required: true, message: '请填写手机号码!' },
      { pattern: /^1[3-8]\d{9}$/, message: '请填写正确的手机号码!' },
    ],
    code: [
      { required: true, message: '请填写验证码!' },
      { pattern: /^\d{6}$/, message: '请填写正确的手机号码!' },
    ],
  },
  onLoad({ redirectUrl }) {
    console.log(redirectUrl)
    this.redirectUrl = redirectUrl
  },
  // 监听倒计时组件沪指的变化
  countDownChange(ev) {
    this.setData({
      timeData: ev.detail,
      countDownVisible: ev.detail.minutes === 1 || ev.detail.seconds > 0,
    })
  },
  // 获取验证码
  async getSMSCode() {
    // 1.校验手机号是否通过
    const { valid, message } = this.validate('mobile')
    // 如果验证不合法则不再执行后面的逻辑
    if (!valid) return wx.utils.toast(message)
    // 2.展示倒计时
    this.setData({ countDownVisible: true })
    // 3.发送请求
    let { code } = await wx.http.get('/code', { mobile: this.data.mobile })
    this.setData({ code }) // 偷懒, 实际是输入,接口不会反悔内容
  },
  async submitForm() {
    // 1.表单的完整校验
    let isPass = this.validate()
    // 自动校验所有字段, 那个字段没有通过,会自动弹框提示,返回校验结果的布尔值
    if (!isPass) return
    // 2. 发送请求
    let res = await wx.http.post('/login', {
      mobile: this.data.mobile,
      code: this.data.code,
    })
    console.log(res)
    // 3. 提示成功
    wx.utils.toast('登录成功', 'success', 3000)
    // 4. 存储token
    const app = getApp()
    app.setToken('token', res.token)
    app.setToken('refreshToken', res.refreshToken)
    // 5.跳转页面
    // console.log(this.redirectUrl)
    wx.redirectTo({
      url: '/' + this.redirectUrl,
    })
  },
})
